<template>
  <div class="pages">
    <template>
      <Page :total="counts" show-elevator show-sizer :current="params.page" :page-size="params.pagesize" @on-change="pageChange" @on-page-size-change="onPageSize"/>
    </template>
  </div>
</template>

<script>
export default {
  props: {
    params: {
      page: 0,
      pagesize: 0
    },
    counts: {
      type: Number,
      default: 0
    }
  },
  methods: {
    pageChange (pageNum) {
      this.$emit('pageChange', pageNum)
    },
    onPageSize (pagesizeNum) {
      this.$emit('pagesizeChange', pagesizeNum)
    }
  }
}
</script>

<style>
</style>
